@extends('layouts.header')
@section('content')
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 打印合格证
    <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <a class="btn btn-primary radius ml-20" href="javascript:;" onclick="export2()"><i class="Hui-iconfont">&#xe640;</i> 导出</a>
    <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
        <thead>
        {{-- <tr>
            <th scope="col" colspan="6">合同管理</th>
        </tr> --}}
        <tr class="text-c">
            <th>批次编号</th>
            <th>客户名称</th>
            <th>受理人</th>
            <th>受理时间</th>
            <th>批次状态</th>
            <th>操作</th>
        </tr>
        </thead>
    </table>
</div>
<script type="text/javascript">

    var table;

    $(function(){
        $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
        table = $('#datatable').DataTable({
            // order: [[ 5, 'desc' ]],//默认第几个排序
            ordering: false, // 是否排序
            // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
            // "stateDuration": -1,//仅保留当前会话的数据
            // "paging":false, //禁用分页
            serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
            // responsive: true,//响应式，需要插件
            // fixedHeader: true,//表头固定，需要插件
            // autoWidth: false,
            ajax: "",//客户端分页时，必须写url
            processing : true,//加载数据时候是否显示进度条
            // language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' },
            /* createdRow : function( row, data, dataIndex ) {
                //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
                $(row).addClass( 'text-l' );
            }, */
            /* initComplete : function (settings, json) {
                //当表格完成加载绘制完成后执行此方法
                // $(row).addClass( 'text-c' );
                // alert(111);
            }, */
            columns: [
                { data : "batchNum", class:"text-c" },
                { data : "client_name", class:"text-c",
                    render: function(data, type, row, meta) {
                        return '<a style="color:#1155CC" href="javascript:;" onclick="view_client_info(' + row.id + ')">' + data + '</a>'
                    }
                },
                { data : "creator", class:"text-c" },
                { data : "created_at", class:"text-c" },
                { data : "status", class:"text-c",
                    render: function(data, type, row, meta) {
                        if (data==0) {
                            return '<span class="badge badge-warning radius">受理中</span>';
                        } else if (data==1){
                            return '<span class="badge badge-primary radius">受理完成</span>';
                        } else if (data==5){
                            return '<span class="badge badge-success radius">试验中</span>';
                        } else if (data==8){
                            return '<span class="badge badge-success radius">试验完成</span>';
                        } else if (data==11){
                            return '<span class="badge badge-success radius">审核通过</span>';
                        } else if (data==13){
                            return '<span class="badge badge-danger radius">批准驳回</span>';
                        } else if (data==14){
                            return '<span class="badge badge-success radius">批准通过</span>';
                        } else if (data==17){
                            return '<span class="badge badge-success radius">待退样</span>';
                        } else if (data==20){
                            return '<span class="badge badge-default radius">已结束</span>';
                        }
                        else {
                            return '<span class="badge badge-danger radius">未知</span>';
                        }
                    }
                },
                { data : null, class:"text-c", //操作
                    render: function(data, type, row, meta) {
                        let str = '<div class="f-l"><a class=" ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="comein(' + row.id + ')">点击进入</a>';
                        str += '</div>'
                        return str;
                    }
                }
            ],
            columnDefs: [
                { targets: [3,5], searchable: false } ,//不参与搜索的列
                // { targets: [3,6], orderable: false },//禁用排序的列
            ],
        });

        /*  draw  在表格完成绘制后触发*/
        /*  table.on( 'draw', function () {
             var info = table.page.info();
             //如果最后一页仅剩一条记录，而且不是在第一页
             if((info.start == info.end) && info.end > 1){
                 //跳转到上一页
                 $('#datatable_previous').click();
             }
         }); */
    });

    function export2() {
        let date = 
        layer.open({
            type: 1,
            title:'导出样品合格证信息条件：',
            area: ['400px', '300px'],
            content:'<form id="export_form" class="page-container">'+
                        '试验日期： <br> <br>'+
                        '开始：<input type="date" name="test_time[0]" value="'+new Date().toISOString().split('T')[0]+'"> <br> <br>'+
                        '结束：<input type="date" name="test_time[1]"> <br> <br>'+
                    '</form>',
            btn: ['确定', '取消'],
            // 第一个按钮事件，也可以叫btn1
            yes: function (index, layero) {
                window.open("?action=export&"+$('#export_form').serialize(),'exportPassCard');
            },
        })
    }

    /*表格重新加载*/
    function table_reload(bool){
        //清除表头 CheckBox的对勾
        $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
        if(bool){
            //true时，跳到第一页
            table.ajax.reload();
        }else{
            //false时，停留在原来页
            table.ajax.reload(null, false);
        }
    }


    /* 点击进入 */
    function comein(id){
        location.href = '/{{config('constant.name_admin')}}/sampleInfo/indexPrintPassedCard?id=' + id;
    }

    /*查看批次的客户信息*/
    function view_client_info(id){
        layer_show('批次信息','/{{config('constant.name_admin')}}/contract/viewClientInfo?id=' + id,'','');
    }
</script>
@endsection